<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../iconfont_star/iconfont.css">
</head>
<body>
    <div class="nav">
        <div class="city">
            <span>西安</span>
            <a href="#" class="iconfont">&#xe617;</a>
        </div>
        <div class="title">点餐</div>
        <div class="search">
            <i class="iconfont">&#xe63d;</i>
        </div>
    </div>
    <div class="clearHeight"></div>
    <div class="banner">
        <img src="../images/15c05b32cf948b594477dfc3eb69fb69.jpg" alt="">
        <div class="btn">
            <ul>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>

    <div class="msg">
        msg
    </div>
    <div class="menu">
        <div class="menu-active">
            <a href="#">
                <img src="../images/xiangbaopin.png" alt="">
                <p>爆品1</p>
            </a>
        </div>
        <div>
            <a href="#">
                <img src="../images/wanghongcanting.png" alt="">
                <p>爆品2</p>
            </a>
        </div>
        <div>
            <a href="#">
                <img src="../images/kaikazhuanxiang.png" alt="">
                <p>爆品3</p>
            </a>
        </div>
        <div>
            <a href="#">
                <img src="../images/pinzhicanting.png" alt="">
                <p>爆品4</p>
            </a>
        </div>
    </div>

    <div class="rt-title">
        推荐餐厅
    </div>
    <div class="sj-container">
        <div class="sj-item">
            <div class="sj-top">
                <img src="../images/932b583c6eccd8aabfa0771f8a854940.jpg" alt="">
                <div class="sj-info">
                    <p>汉拿山烤肉</p>
                    <p>人均 ￥120.00|10人预定</p>
                    <i class="iconfont">&#xe839;</i>
                    <i class="iconfont">&#xe839;</i>
                    <i class="iconfont">&#xe839;</i>
                    <i class="iconfont">&#xe839;</i>
                    <i class="iconfont grey">&#xe839;</i>
                </div>

            </div>
            <div class="sj-bottom">
                回民街店
            </div>
        </div>
    </div>
</body>
</html>